<!--
 * @Author: 赵克强 huohuo625@163.com
 * @Date: 2023-10-18 13:33:38
 * @LastEditors: 赵克强 huohuo625@163.com
 * @LastEditTime: 2024-07-26 14:32:52
 * @FilePath: \hy-ui\src\views\app\appInfo\components\detail\index.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
  <div class="dataModel">
      <div class="headerTabs">
        <el-tabs v-model="activeName" >
          <el-tab-pane label="电子表单" name="1"><electronicForms :appId="appId" v-if="activeName === '1'" :tablePrefix="tablePrefix"/></el-tab-pane>
          <!-- <el-tab-pane label="注册表单" name="2"><registrationForm :appId="appId" v-if="activeName === '2'"/></el-tab-pane> -->
        </el-tabs>
      </div>
  </div>
</template>

<script>
import electronicForms from './electronicForms'
import registrationForm from './registrationForm'
export default {
  name: "detail",
  components:{
  electronicForms,
  registrationForm
  },
  props: {
   appId:{
      type:String,
      default:''
    },
     tablePrefix:{
      type: String,
      default: "",
    }
  },
  data() {
    return {
      activeName: "1",
    };
  },

  mounted() {
      
  },

  methods: {},
};
</script>

<style lang="scss" scoped>
.dataModel {
  .headerTabs {
   ::v-deep .is-active {
      color: #2f54eb;
    }
    ::v-deep .el-tabs__active-bar {
      background: #2f54eb;
    }
  }
}
</style>